3

Demo:Vue构建的CnodeJS社区
Github:shuiRong/VueCnodeJS
觉得不错还请给Star (。→‿←。)

记得之前尤雨溪曾说过如何学Vue:

  1. 首先, 看文档把Demo都敲一遍, 熟悉Vue语法

  2. 了解Webpack的基本用法和ES6的一些新特性

  3. 借助Vue-cli脚手架写一个项目

  4. 学习Vue源码

顺便一提,其实上面这一套放诸四海,皆准。

看文档学习概念没什么说的,重点说说第一个Vue项目如何下手,和源码怎么看

说来惭愧,第一次看完Vue文档的基础篇,进阶篇后,仍是一脸茫然,不知我的第一个Vue项目该从何下手。然后.....我又回去看第二遍文档了,以为再把Vue概念过一遍,应该就知道怎么写Vue项目了。然而......你们猜到了,看完后对着编辑器,还是不知道该怎么下手,尴尬。

然后我就去Gayhub上找了个Vue项目,签出第一次的commit,开始看。确保看懂程序是怎么运行的之后,再签出下一个commit。就这样,看了大概5,6个commit后,我就知道Vue项目该怎么写了。

接下来的就很顺利了,构建项目框架,写组件,用到vue-router,vue-resource又去看了看文档,文档东西很少,很快就能用到项目里。

大概花了5天,20个小时左右,就把这个项目搞定了。

PS: 考虑到别人可能会看我源码来学习Vue,我commit时是根据项目的功能模块,即每完成一小块功能,就commit一次。贴心吧,嘻嘻。

Star! Star! Star!


林水溶
1.2k 声望82 粉丝

Front End Developer